﻿@model List<KacincisinProject.Data.SinavSoruRelationShip>
@{
    ViewBag.Title = "SinavaBasla";
    Layout = null;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="/Content/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="/Content/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .clock-content {
            color: #fff;
            height: 100px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            line-height: 100px;
            font-size: 50px;
        }

        .cevapAnahatari {
            text-align: center;
        }

        .sorular {
            margin-top: 15px;
        }

        .container {
            border: 1px solid #ccc;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        .span4 {
            width: 330px;
        }

        [class*="span"] {
            float: left;
            margin-left: 60px;
            min-height: 1px;
        }
    </style>
</head>
<body>
    <header>
        <div class="clock-content  btn-info container">
            saat gelicek
        </div>
    </header>
    <section>
        <div class="container">
            <div class="row sorular">
                @foreach (var item in Model.Take(2))
                {
                     <div class="span3">
                        @Html.Raw(item.Sorular.SoruIcerigi)
                    </div>
                }
                <div class="span3">
                    <div class="cevapAnahatari">
                        <p>Cevap Anahtarı</p>
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Soru
                                    </th>
                                    <th>
                                        <span class="badge">A</span>
                                    </th>
                                    <th>
                                        <span class="badge">B</span>
                                    </th>
                                    <th>
                                        <span class="badge">C</span>
                                    </th>
                                    <th>
                                        <span class="badge">D</span>
                                    </th>
                                    <th>
                                        <span class="badge">E</span>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <span class="badge badge-info">1</span>
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="badge badge-info">2</span>
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="badge badge-info">3</span>
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="badge badge-info">4</span>
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="badge badge-info">5</span>
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                    <td>
                                        <input type="radio" />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <p>
                            <button class="btn btn-large btn-primary" type="button">TAMAM</button>

                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            qweqweqweqweqwe
        </div>
    </footer>
</body>
</html>

